<template>
  <div class="navigationBar">
    <h4 style="margin-left:10px;margin-top:20px;">功能演示</h4>
    <nav>
      <ul>
        <li><router-link exact to="/Edit">功能演示</router-link></li>
      </ul>
    </nav>
   </div>
</template>
<script>
  export default {
//    name: 'sample-header'
  }
</script>
<style>
  .navigationBar {
    position: absolute;
    left: 0;
    top: 0;
    /* bottom: 20px; */
    padding: 0 10px;
    width: 210px;
    /* border-right: 2px solid #e3e3e3; */
  }
  .navigationBar li {
    margin-bottom: 10px;
  }
  .navigationBar li a{
    margin-top: 0;
    margin-bottom: 10px;
    cursor: pointer;
    text-decoration: none;
    color: rgb(96, 125, 139);
  }
  .navigationBar li:hover{
    background-color: #CFD8DC;
  }
  .navigationBar li:hover a{
    color: rgb(3, 155, 229);
  }
  .navigationBar li a.router-link-exact-active,
  .navigationBar li a.router-link-active {
    color: rgb(233, 239, 241);
    padding: 5px 5px 5px 5px;
    background-color:black;
  }

</style>
